<template>
  <div>
    <span>{{ item.shopName }}</span>
    <span>单价：{{ item.price }}</span>
    <button @click="$emit('changeNum', item.count - 1)" :disabled="!item.count">
      -
    </button>
    <span>{{ item.count }}</span>
    <button @click="$emit('changeNum', item.count + 1)">+</button>
  </div>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
    },
  },
};
</script>

<style scoped>
span {
  margin: 0 10px;
}
</style>
>
